<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt"  prefix="fmt"%>
<%@ page language="java" import="com.mall.model.*"%>
<!DOCTYPE html>
<html manifest="${pageContext.request.contextPath}/appcache/seckill.appcache">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>今日秒杀</title>
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/bootstrap.min.css" />
	<link rel="stylesheet" href="${pageContext.request.contextPath}/bower/src/css/mag.css" />
	<style type="text/css">
	</style>
</head>
<body style="width: 1366px">
	<c:if test="${user==null }">
	<div style="background: #F5F5F5;height:40px;" id="topdiv">
		<div style="margin-top:10px;margin-left:40px;">
			您好!请<a href="#" onclick="return logindiv()">登录!</a>
		</div>
		<div style="margin-left:20px;">
			马上<a href="${pageContext.request.contextPath}/register.jsp" target="_blank">注册!</a>
		</div>
		<div style="margin-left:700px;">
			<a href="${pageContext.request.contextPath}">商城首页 <span class="fa fa-home" style="color:#FF7F00">
			</span>
			</a>
		</div>
		<div style="margin-left:50px;">
			<a id="carta" href="${pageContext.request.contextPath}/CartController/listCartByUser.action">购物车 <span class="fa fa-shopping-cart"
				style="color:#FF7F00"></span>
			</a>
		</div>
		<div style="margin-left:50px;">
			<a id="carta" href="${pageContext.request.contextPath}/user/center.action">个人中心 <span class="fa fa-user-circle-o"
				style="color:#FF7F00"></span>
			</a>
		</div>
	</div>
	</c:if>
	<c:if test="${user!=null }">
	<div style="background: #F5F5F5;height:40px;" id="topdiv">
		<div style="margin-top:10px;margin-left:40px;">
			您好!${user.name}
		</div>
		<div style="margin-left:20px;">
			<a href="#" onclick="return outlogin()">退出登录</a>
		</div>
		<div style="margin-left:700px;">
			<a href="${pageContext.request.contextPath}">商城首页 <span class="fa fa-home" style="color:#FF7F00">
			</span>
			</a>
		</div>
		<div style="margin-left:50px;">
			<a id="carta" href="${pageContext.request.contextPath}/CartController/listCartByUser.action">购物车 
			<span class="fa fa-shopping-cart"style="color:#FF7F00"></span>
			</a>
		</div>
		<div style="margin-left:50px;">
			<a  id="carta" href="${pageContext.request.contextPath}/user/center.action">个人中心 <span class="fa fa-user-circle-o"
				style="color:#FF7F00"></span>
			</a>
		</div>
	</div>
	</c:if>
	<div id="toplogo" style="border-bottom:2px solid #FF3030;height:102px;">
		<div style="margin-left: 200px;">
			<a href="${pageContext.request.contextPath}">
				<img src="${pageContext.request.contextPath}/img/juninglogo.jpg"
				width="100px" height="100px" />
			</a>
		</div>
		<div style="background:#FF3030 ;margin:0 0 0 450px;">
			<img style="width: 400px;height:100px" src="${pageContext.request.contextPath}/img/seckillpng.png">
		</div>
	</div>
	<div style="min-height:300px;width:1200px;border:1px solid #EE9572;margin:20px auto;border-bottom:none">
		<div style="float:left;margin:10px 50px;" >
		<img src="" id="img" style="width:280px;height:280px;border:1px solid #EE3B3B;">
		</div>
		<div style="float:left;width:600px;height:280px;margin:10px 100px">
			<div id="title" style="font-size:18px;text-align: center;height:50px;
			margin-top:5px;font-weight:590">
title
			</div>
			<div id="pricediv">
				<span style="margin-left:120px">原价:</span>
				<span style="color:#AAA">¥</span>
				<span id="oldprice" style="color:#AAA">
oldprice
				</span>
				<span style="margin-left: 100px">秒杀价:</span>
				<span style="color:#EE2C2C">¥</span>
				<span id="price" style="color:#EE2C2C;font-size:20px">
price
				</span>
			</div>
			<div style="text-align: center;margin:40px 0;font-weight:600 " id="timediv">
				<span>距离活动开始还有:</span>
				<span style="color:#EE7942" id="HH"></span>
				<span>小时</span>
				<span style="color:#EE7942" id="MM"></span>
				<span>分</span>
				<span style="color:#EE7942" id="SS"></span>
				<span>秒</span>
			</div>
			<div style="margin:10px 0;text-align: center;">
				<span style="font-size: 16px;font-weight:600">商品数量:</span>
				<span id="num" style="font-size: 16px;font-weight:600;color:#EE7942">
num
				</span>
				<span>件</span>
			</div>
<input type="hidden" id="sdate">
<input type="hidden" id="killid">
			<input type="hidden" id="path" value="${pageContext.request.contextPath}/">
			<div style="margin:40px 0 0 200px" id="killStartdiv">
				<a id="killStart" href="#" style="display:block;height:50px;width:200px;background:#EEDFCC;
				border:2px solid #EED8AE;border-radius:6px;color:#BEBEBE;font-size:24px;
				font-weight:600;text-align: center;line-height:50px;letter-spacing:15px;
				cursor: not-allowed;text-decoration:none;">
敬请期待
				</a>
			</div>
		</div>
	</div>
	<div style="min-height: 200px;width:1200px;
	border:1px solid #EE9572;margin:20px auto;border-top:none;text-align:center;">
		<div style="height:40px;background:#EE7621;padding-top:6px">
			<span style="color:#fff;font-size:18px">商品详情</span>
		</div>
		<div id="content" style="border:none">
thiscontent
		</div>
		</div>
<div id="login">
			<span style="margin:10px 0 0 163px">您还没有登录</span>
			<span class="fa fa-close fa-2x" 
			style="position: absolute;left:380px" id="closeLogin" ></span>
			<div style="margin: 20px 0 0 90px;">
				<form id="loginform">
				<label>账号</label>
				<input type="text" name="username" style="margin-left:10px">
				<br><br>
				<label>密码</label>
				<input type="password" name="password" style="margin-left:10px">
				<br><br>
				<input id="submitform" type="submit" value="登录" style="width: 100px;
				height: 28px;background: #FFD700;color:#fff;
				margin-left: 67px;">
				<br><br>
				<span style="margin-left: 50px">没有账号?</span>
				<a href="${pageContext.request.contextPath}/register.jsp" target="_blank" style="color:#E0FFFF">立即注册</a>
				<br><span id="error" style="color:red;margin-left: 50px"></span>
				</form>
		</div>
		</div>
			<div style="width:1100px;height:150px;">
			<div style="margin:15px 0 0 540px;color:#595959;font-size:13px;font-weight:600;
			letter-spacing:3px">
			本站由DGW制作,版权归俊宁电器所属.
			</div>
			<div style="margin:15px 0 0 595px;color:#595959;font-size:13px;font-weight:600;
			letter-spacing:3px">
				蜀ICP备20170105号
			</div>
			<div style="margin:15px 0 0 576px;color:#595959;font-size:13px;font-weight:600;
			letter-spacing:3px">
			2017-7-1  ——  2017-9-21
			</div>
	</div>
	<input type="hidden" id="userid" value="${user.id}">
	<script src="${pageContext.request.contextPath}/js/jquery-1.6.3.js"></script>
<script id='js' src=''></script>
	<script src="${pageContext.request.contextPath}/seckill/js/seckill.js"></script>
</body>
<script type="text/javascript">
/* 异步退出登录 */
function outlogin(){
	var path=$("#path").val();
	$.get(path+"/user/outLogin.action",{},function(){
		var killid=$("#killid").val();
		var date=new Date();
		window.location.href="/mall/seckill/jsp/"+killid+".jsp?time="+date.getTime();
	})
	return false;
}
function logindiv(){
$("#login").css("display","block");
return false;
}
</script>
<style>
#content img{
max-width: 1000px;
	display: block;
	margin: auto;
}
#timediv span{
font-size:17px;font-weight:600;
}
#pricediv span{
font-size:16px;font-weight:600;
}
#closeLogin:hover{
cursor: pointer;
}
#contentdiv img{
	max-width: 1000px;
	display: block;
	margin: auto;
}
#contentdiv{
	padding-top: 60px;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
});
</script>
</html>
